<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<META http-equiv="X-UA-Compatible" content="IE=10">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!-- 兼容手机模式 -->
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="UTF-8">
<title>Layui-SSM框架系统</title>
<link rel="icon" type="image/x-icon" href="${projectPath}/images/title.ico" />
<link rel="stylesheet" href="${projectPath}/layui/css/layui.css">
<link rel="stylesheet" href="${projectPath}/css/index.css?v=${cache}" media="all">
<link rel="stylesheet" href="${projectPath}/css/util/my.css?v=${cache}" media="all">
<link rel="stylesheet" href="${projectPath}/css/theme/${theme}.css" media="all">

<script type="text/javascript">
	var sp = "${suoPing}";
	var rid = "${loginUser.rid}";
	var lastOid = "${loginUser.lastOid}";
	var oid = "${loginUser.oid}";
	var $projectPath = "${projectPath}";
	var loginImg = "${loginUser.img}";
	var themeStyle = "${themeStyle}";
</script>
<script src="${projectPath}/layui/layui.js"></script>
<script src="${projectPath}/js/util/jquery-2.1.1.min.js"></script>
<script src="${projectPath}/js/util/aes.min.js"></script>
<script src="${projectPath}/js/main_theme_select.js?v=${cache}"></script>
<script src="${projectPath}/js/main_head.js?v=${cache}"></script>
<script src="${projectPath}/js/main_data.js?v=${cache}"></script>
<script src="${projectPath}/js/main_theme_tab.js?v=${cache}"></script>
<style type="text/css">
	.org_box{
		width:100%;height:35px;border-bottom: 1px solid #eae9e9;line-height: 35px;
	}
	.org_left{
		height: 100%;float: left;
	}
	.org_btn{
		margin-left:10px;float: right;margin-top: 3px;
	}
	.layui-form-radio{
		color: #6e6f6f;
	}
</style>
</head>

<body class="layui-layout-body">
	<div id="theme_select" onclick="closeTheme()"></div>
	<dl id="theme_div">
		<dd>
			<fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0 10px;">
				<legend style="color: #98cc33;">主题</legend>
			</fieldset>
			<ul id="theme_ul">
			</ul>
		</dd>
	</dl>
	<!-- 项目切换选择 -->
	<div style="padding:10px;display: none;color: #65715d;" id="openOrgSel">
	</div>
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<!-- 项目名称 -->
			<div class="layui-logo">
				<i class="layui-icon layui-icon-tree" style="font-size: 32px;"></i>
				<span id="title_head" style="font-size: 30px;font-family: ktFont">DEMO</span>
			</div>
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item" lay-unselect id="none_meun">
					<a href="javascript:;" title="隐藏左侧菜单"> 
					 	<i class="layui-icon layui-icon-shrink-right"></i>
					</a>
				</li>
				<li class="layui-nav-item" lay-unselect id="refresh_page">
					<a href="javascript:;" layadmin-event="refresh" title="刷新当前"> 
						<i class="layui-icon layui-icon-refresh-3"></i>
					</a>
				</li>
			</ul>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item" id="allOrg">
				</li>
				<li class="layui-nav-item" id="dataShow">
					<a href="javascript:;"  title="数据展示" onclick="showData()">
						<i class="font-icon " style="font-size: 16px;">&#xe61f;</i>
					</a>
				</li>
				<li class="layui-nav-item" >
					<a href="javascript:;"  title="更换主题" onclick="settingTheme()"> 
						<i class="layui-icon layui-icon-theme" style="font-size: 20px;"></i>
					</a>
				</li>
				<li class="layui-nav-item">
					<a href="javascript:;"> 
						<img id="index_img" src="" class="layui-nav-img" onerror="javascript:this.src='${projectPath}/images/head.png'"
						style="overflow: hidden; width: 45px; height: 45px;">${loginUser.name}
					</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="javascript:;" class="head_gr" onclick="basic()">
								<i class="font-icon">&#xe610;</i>&nbsp;&nbsp;&nbsp;&nbsp;基本资料
							</a>
						</dd>
						<dd>
							<a href="javascript:;" class="head_gr" onclick="suoping()">
								<i class="layui-icon">&#xe673;</i>&nbsp;&nbsp;&nbsp;&nbsp;锁屏
							</a>
						</dd>
						<hr>
						<dd>
							<a href="javascript:;" class="head_gr" onclick="exitLogin('loginExit')">
								<i class="font-icon">&#xe66d;</i>&nbsp;&nbsp;&nbsp;&nbsp;退出登录
							</a>
						</dd>
					</dl>
				</li>
			</ul>
		</div>
		<!--左侧菜单-->
		<div class="layui-side layui-bg-black" id="left_meun1">
			<div class="layui-side-scroll">
				<ul class="layui-nav layui-nav-tree" lay-filter="test" id="left_ul">
				</ul>
			</div>
		</div>
		<!--主体，标签开启-->
		<div class="layui-body">
			<div class="layui-tab layui-tab-brief app-container" lay-filter="demo" lay-allowClose="true"
				style="padding: 0px; margin: 0px;">
				<ul class="layui-tab-title" id="tab_id" style="z-index: 999999;background: white;">
				</ul>
				<div class="layui-tab-content" style="padding: 0px;" id="body_id">
					<div class="layui-tab-item layui-show">
						<iframe id="home" name="home" style="border: 0px;" src=""></iframe>
					</div>
				</div>
			</div>
		</div>
		<!-- 底部固定区域 -->
		<!-- <div class="layui-footer" style="height:40px;">
			<div style="width: 100%;">
				<div style="float: left;color: gray;">V 1.0.0</div>
				<div id="date_div" style="float: right;font-size: 18px;color: gray;"></div>
			</div>
		</div> -->
		<!-- 右键关闭标签 -->
		<div id="closeTab">
			<div>
				<i class="layui-icon" style="font-size:20px;float: right;color: #d6d3d3;font-weight: bold;">&#x1006;</i>
			</div>
			<ul style="width: 100%;float: right;margin-top:-10px;">
				<li>关闭当前</li>
				<li>关闭其他</li>
				<li>关闭所有</li>
			</ul>
		</div>	
	</div>
	<!-- 锁屏 -->
	<div style="display: none;padding:10px;" id="div_sp">
		<form action="">
			<input class="layui-form layui-input" style="width:250px;float:left;" id="suoping" type="password" lay-verify="required" lay-reqtext="密码不能为空">
			<button class="layui-btn" style="float:left;margin-left:10px;" lay-submit="" lay-filter="subSp">确定</button>
		</form>
	</div>
	<!-- 基本资料 -->
	<form class="layui-form" action="" id="basic_form" lay-filter="basicForm" style="display: none;padding:10px;">
		<br>
		<div class="layui-form-item">
			<div style="text-align: center;">
				<img src="${projectPath}/images/head.png" id="jzjzImg"  onerror="javascript:this.src='${projectPath}/images/head.png'">
				<input type="hidden" name="jzjz" id="jzjz" />
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">编码</label>
			<div class="layui-input-block">
				<input type="text" name="id" class="layui-input" disabled="disabled">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">姓名</label>
			<div class="layui-input-block">
				<input type="text" name="name" class="layui-input" lay-verify="required" lay-reqtext="名称为必填项">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">性别</label>
			<div class="layui-input-block">
				<input type="radio" name="sex" value="男" title="男" class="layui-input">
				<input type="radio" name="sex" value="女" title="女" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">登录账户</label>
			<div class="layui-input-block">
				<input type="text" name="loginName" class="layui-input" lay-verify="required" disabled="disabled">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">登录密码</label>
			<div class="layui-input-block">
				<input type="password" name="loginPassword" class="layui-input" lay-verify="pass">
				<i class="layui-icon" id="selectPass" title="显示/隐藏" >&#xe6af;</i>
			</div>
		</div>
		<div style="margin-left:150px;color:#a09c9c;margin-top: -10px;margin-bottom: 10px;">请填写6到12位密码</div>
		<div class="layui-form-item">
			<label class="layui-form-label">出生日期</label>
			<div class="layui-input-block">
				<input type="text" name="birthday_temp" class="layui-input" lay-verify="required" disabled="disabled">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">身份证号码</label>
			<div class="layui-input-block">
				<input type="text" name="idcard_temp" class="layui-input" lay-verify="identity" disabled="disabled">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">使用期限</label>
			<div class="layui-input-block">
				<input type="text" name="keyDate_temp" class="layui-input" lay-verify="required" disabled="disabled">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">角色类型</label>
			<div class="layui-input-block">
				<input type="text" name="rname_temp" class="layui-input" lay-verify="required" disabled="disabled">
			</div>
		</div>
		<div class="layui-form-item layui-form-text">
			<label class="layui-form-label">备注</label>
			<div class="layui-input-block">
				<textarea placeholder="请输入内容" class="layui-textarea" name="remarks"></textarea>
			</div>
		</div>
		<br>
		<div class="layui-form-item" style="text-align: center;">
			<button class="layui-btn" lay-submit="" lay-filter="submitForm">提交修改</button>
		</div>
	</form>
</body>
</html>